<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="bookmark" href="favicon.ico"/>
    <link th:href="@{/h-ui/css/H-ui.min.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/h-ui/css/H-ui.homepage.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/h-ui/lib/icheck/icheck.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/h-ui/lib/Hui-iconfont/1.0.1/iconfont.css}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/default/easyui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}">
</head>

<body>

<!-- Header Section -->
<header>
    <h1>欢迎来到某不知名扎瓦大学</h1>
</header>

<!-- Navigation Bar -->
<nav >
    <a href="#home">学校概况</a>
    <a href="#about">师资力量</a>
    <a href="#campus-life">教育教学</a>
    <a href="#academics">科学研究</a>
    <a href="#research">人才招聘</a>
    <a href="#admissions">合作交流</a>
    <a href="#events">招生就业</a>
    <a href="http://localhost:8080/system/login">教务系统</a>
</nav >

<!-- Carousel Section -->
<div class="carousel">
    <!-- 图片容器 -->
    <div class="carousel-images">
        <img src="https://www.ayit.edu.cn/images/2024sanzhongquanhui.jpg" alt="Slide 1">
        <img src="https://www.ayit.edu.cn/images/2024jioayu.jpg" alt="Slide 2">
        <img src="https://www.ayit.edu.cn/images/2024qingnian.jpg" alt="Slide 3">
    </div>
    <!-- 上下切换按钮 -->
    <button class="prev" onclick="moveSlide(-1)">&#10094;</button>
    <button class="next" onclick="moveSlide(1)">&#10095;</button>
</div>

<script>
    // JavaScript 控制轮播图
    let currentIndex = 0; // 当前显示的图片索引

    // 获取所有图片元素
    const slides = document.querySelectorAll('.carousel-images img');

    // 获取图片容器
    const carouselImages = document.querySelector('.carousel-images');

    // 计算轮播图的总个数
    const totalSlides = slides.length;

    // 显示某张图片
    function showSlide(index) {
        // 确保索引在 0 到 totalSlides-1 范围内
        if (index < 0) {
            currentIndex = totalSlides - 1; // 如果索引小于0，跳到最后一张
        } else if (index >= totalSlides) {
            currentIndex = 0; // 如果索引大于总数，跳到第一张
        } else {
            currentIndex = index;
        }

        // 通过 transform 来平移图片容器
        carouselImages.style.transform = `translateX(${-currentIndex * 100}%)`;
    }

    // 控制切换的函数
    function moveSlide(direction) {
        showSlide(currentIndex + direction);
    }

    // 自动轮播效果
    setInterval(() => {
        moveSlide(1); // 每次切换到下一张
    }, 5000); // 每 3 秒切换一次
    function showimagecloseu19() {
        var obju19 = document.getElementById("adu19");
        obju19.style.display = 'none';
    };
    //水平             //上下

    var xu19 = 0; yu19 = 0;

    var xinu19 = true; yinu19 = true;
    var stepu19 = 1;

    var delayu19 = 88;

    var obju19 = document.getElementById("adu19");
    var bdyu19 = document.body;
    if (document.compatMode && document.compatMode != "BackCompat")
        bdyu19 = document.documentElement;
    else
        bdyu19 = document.body;
    function floatADu19() {
        var bdy_scrollTop = document.body.scrollTop | document.documentElement.scrollTop;
        var Lu19 = Tu19 = 0;
        var Ru19 = bdyu19.clientWidth - obju19.offsetWidth;
        var Bu19 = bdyu19.clientHeight - obju19.offsetHeight;
        obju19.style.left = xu19 + bdyu19.scrollLeft + "px";
        obju19.style.top = yu19 + bdy_scrollTop + "px";
        xu19 = xu19 + stepu19 * (xinu19 ? 1 : -1);
        if (xu19 < Lu19) {
            xinu19 = true;
            xu19 = Lu19;
        }
        if (xu19 > Ru19) {
            xinu19 = false;
            xu19 = Ru19;
        }
        yu19 = yu19 + stepu19 * (yinu19 ? 1 : -1);
        if (yu19 < Tu19) {
            yinu19 = true;
            yu19 = Tu19;
        }
        if (yu19 > Bu19) {
            yinu19 = false;
            yu19 = Bu19;
        }
    }
    var itlu19;
    if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
        window.attachEvent('onload', adftu19);
    }
    else {
        window.addEventListener('load', adftu19, false);
    }
    function adftu19() {
        itlu19 = setInterval("floatADu19()", delayu19);
    }
    obju19.onmouseover = function () { clearInterval(itlu19); };
    obju19.onmouseout = function () { itlu19 = setInterval("floatADu19()", delayu19) };

</script>

<!-- Footer Section -->
<footer>
    <p>© 2024 扎瓦大学 - 保留所有权利</p>
</footer>

</body>


<DIV class="main_a">
    <DIV class="xyzx">
        <DIV class="title">
            <SPAN class="title_more">更多 &gt;&gt;</SPAN>
            <SPAN>校园要闻</SPAN>
        </DIV>

        <DIV class="xyzx_list">
            <UL>
                <li><span>11-28</span><a href="#" target="_blank"
                                         title="#">音乐学院成立“坤坤艺术研究课题组”，成员全程高呼“你干嘛~...</a></li>
                <li><span>11-28</span><a href="#" target="_blank"
                                         title="#">扎瓦大学篮球队用《只因你太美》作为暖场曲，敌队直接投降</a></li>
                <li><span>11-27</span><a href="#" target="_blank"
                                         title="#">宿舍楼惊现坤坤黑粉手抄《你干嘛》歌词100遍</a></li>
                <li><span>11-27</span><a href="#" target="_blank"
                                         title="#">扎瓦大学文学社公开征稿：《坤坤影响下的青年文化》</a></li>
                <li><span>11-26</span><a href="#" target="_blank"
                                         title="#">食堂公告：“坤坤粉丝优先取餐，黑粉排最后</a></li>
                <li><span>11-26</span><a href="#" target="_blank"
                                         title="#">扎瓦大学新建“坤坤艺术雕像”，每日围观群众络绎不绝</a></li>
                <li><span>11-25</span><a href="#" target="_blank"
                                         title="#">扎瓦大学发出全校禁令：禁止在考试期间模仿坤坤转圈</a></li>
                <li><span>11-25</span><a href="#" target="_blank"
                                         title="#">校园广播站全天循环播放坤坤新歌《卑微小黑粉》</a></li>
                <li><span>11-22</span><a href="#" target="_blank"
                                         title="#">扎瓦大学运动会颁奖：最佳团体表演奖颁给《你干嘛》舞蹈队</a></li>
                <script>_showDynClickBatch(['dynclicks_u7_16191', 'dynclicks_u7_16190', 'dynclicks_u7_16187', 'dynclicks_u7_16186', 'dynclicks_u7_16184', 'dynclicks_u7_16183', 'dynclicks_u7_16178', 'dynclicks_u7_16177', 'dynclicks_u7_16174'], [16191, 16190, 16187, 16186, 16184, 16183, 16178, 16177, 16174], "wbnews", 1507839377)</script>
            </UL>
        </DIV>
    </DIV>

    <DIV class="xyzx tzgg">
        <DIV class="title">
            <SPAN class="title_more">更多 &gt;&gt;</SPAN>
            <SPAN>校园咨询</SPAN>
        </DIV>

        <DIV class="xyzx_list">
            <UL>
                <li><span>11-29</span><a href="#" target="_blank"
                                         title="#">扎瓦大学惊现坤坤真爱粉，宿舍集体弹唱《只因你太美》</a></li>
                <li><span>11-29</span><a href="#" target="_blank"
                                         title="#">禁止课间模仿坤坤转圈动作</a></li>
                <li><span>11-28</span><a href="#" target="_blank"
                                         title="#">数学系教授爆料坤坤黑粉考试全军覆没，因听歌熬夜所致</a></li>
                <li><span>11-28</span><a href="#" target="_blank"
                                         title="#">扎瓦大学天文学社宣布坤坤星命名成功：只因星。</a></li>
                <li><span>11-26</span><a href="#" target="_blank"
                                         title="#">食堂新推出“坤坤套餐”：蛋炒饭配苦瓜，吃完唱跳必加成</a></li>
                <li><span>11-26</span><a href="#" target="_blank"
                                         title="#">扎瓦大学宿管通告：晚上10点后禁止播放坤坤歌曲扰民</a></li>
                <li><span>11-25</span><a href="#" target="_blank"
                                         title="#">运动会开幕式全场大合唱《迷人的危险》，校长深情领唱</a></li>
                <li><span>11-25</span><a href="#" target="_blank"
                                         title="#">学校新规：坤坤黑粉列入重点观察名单</a></li>
                <li><span>11-25</span><a href="#" target="_blank"
                                         title="#">扎瓦大学发现“坤黑联盟”，全校悬赏举报线索</a></li>
                <script>_showDynClickBatch(['dynclicks_u8_16195', 'dynclicks_u8_16194', 'dynclicks_u8_16192', 'dynclicks_u8_16189', 'dynclicks_u8_16185', 'dynclicks_u8_16182', 'dynclicks_u8_16180', 'dynclicks_u8_16179', 'dynclicks_u8_16181'], [16195, 16194, 16192, 16189, 16185, 16182, 16180, 16179, 16181], "wbnews", 1507839377)</script>
            </UL>
        </DIV>
    </DIV>
    <DIV class="xyzx student-code">
        <DIV class="title">
            <SPAN class="title_more">更多 &gt;&gt;</SPAN>
            <SPAN>学生守则</SPAN>
        </DIV>

        <DIV class="xyzx_content">
            <p>
                赏明德，杨柳依依、惠风和畅；观旭日，草长莺飞、旗帜高扬；行至善，波光粼粼、时见锦鲤；勤求索，格物致知、心怀天下；明五行，穿梭时空、感悟人生；志凌云，翱翔蓝天、飞越巅峰；传薪火，弘扬文化、砥砺精神。
            </p>
        </DIV>
    </DIV>

    <DIV class="xyzx xsxx">
        <DIV class="title">
            <SPAN class="title_more">更多 &gt;&gt;</SPAN>
            <SPAN>通知公告</SPAN>
        </DIV>

        <DIV class="xsxx_list">

            <div class="xsxx_list_nr">
                <span><em>2024-</em><i>02-30</i></span>
                <div class="xsxx_list_nrwz">
                    <h1><a href="info/1048/15697.htm" target="_blank"
                           title="#">扎瓦大学发现坤坤黑粉公告</a></h1>
                </div>
                <div class="clear"></div>
            </div>
            <script>_showDynClickBatch(['dynclicks_u9_16188', 'dynclicks_u9_16064', 'dynclicks_u9_15953', 'dynclicks_u9_15785', 'dynclicks_u9_15697'], [16188, 16064, 15953, 15785, 15697], "wbnews", 1507839377)</script>
        </DIV>
    </DIV>
    <DIV class="xyzx campus-beauties">
        <DIV class="title">
            <SPAN class="title_more">更多 &gt;&gt;</SPAN>
            <SPAN>校园美女</SPAN>
        </DIV>
        <div class="container">
            <div class="box"><img th:src="@{/h-ui/images/1.webp}" alt="Image 1"></div>
            <div class="box"><img th:src="@{/h-ui/images/2.webp}" alt="Image 2"></div>
            <div class="box"><img th:src="@{/h-ui/images/3.webp}" alt="Image 3"></div>
            <div class="box"><img th:src="@{/h-ui/images/4.webp}" alt="Image 4"></div>
            <div class="box"><img th:src="@{/h-ui/images/5.webp}" alt="Image 5"></div>
        </div>
        <!-- 在这加东西 -->
    </DIV>
    <div class="page-bottom-space"></div>

    <DIV class="clear"></DIV>
</DIV>